<!-- 底部 -->
<template>
  <div class="footer">
    <!-- 服务承诺 -->
    <div class="promise">
      <img
        src="https://www.tp-linkshop.com.cn/Content/themes/base/images/Shared/promise.jpg"
        alt=""
      />
    </div>

    <!-- 服务指南 -->
    <div class="service">
      <ul>
        <li>购物指南</li>
        <li>购买流程</li>
        <li>会员注册</li>
        <li>销售条款</li>
        <li>退货政策</li>
      </ul>
      <ul>
        <li>支付方式</li>
        <li>银行网银</li>
        <li>支付宝</li>
      </ul>
      <ul>
        <li>订单信息</li>
        <li>订单管理</li>
        <li>发票制度</li>
      </ul>
      <ul>
        <li>售后服务</li>
        <li>服务政策</li>
        <li>保修查询</li>
        <li>联系我们</li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.footer {
  width: 100%;
  min-width: 1200px;
  padding: 28px 0 0;
  background-color: #f7f7f7;
  .service {
    height: 180px;
    width: 1200px;
    margin: 24px auto 0;
    font-size: 12px;
    line-height: 12px;
    color: #999;
    display: flex;
    justify-content: space-around;
    ul {
      margin-top: 36px;
      li {
        margin-bottom: 12px;
        &:first-child {
          color: #333;
          font-weight: bold;
        }
      }
    }
  }
}
</style>
